<route lang="json5"  >
{
  layout: 'default',
  style: { 
    navigationBarTitleText: '企业风采',
  },
}
</route>
<template> 
	<view>
		<!-- 刷新页面后的顶部提示框 -->
		<view class="tips" :class="{ 'tips-ani': tipShow }">为您更新了10条最新新闻动态</view>
		 
			<!-- 基于 uni-list 的页面布局 -->
			<uni-list>
				<!-- to属性：将新闻ID和标题传给详情页 -->
				<!-- TODO：需增加日期格式化的示例 -->
				<!-- to 属性携带参数跳转详情页面，当前只为参考 -->
				<uni-list-item direction="row" v-for="item in list" :key="item.id" :title="item.name" :note="item.createBy + ' '+item.createTime" :to="'/pages/main/company/companydetail?id='+item.id" >
					<!-- 通过header插槽定义列表左侧的图片显示，其他内容通过List组件内置属性实现-->
					<template v-slot:header>
						<view class="uni-thumb">
							<!-- 当前判断长度只为简单判断类型，实际业务中，根据逻辑直接渲染即可 -->
							<image :src="item.logo" mode="scaleToFill"></image>
						</view>
					</template>
				</uni-list-item>
			</uni-list>
	 
	</view> 
</template>

<script>
	import { http } from '@/utils/http'
	export default {
		components: {},
		data() {
			return {
				// 数据表名
				collection: 'opendb-news-articles',
				// 查询字段，多个字段用 , 分割
				field: '_id,mode,avatar,title,user_name,excerpt,last_modify_date',
				formData: {
					status: 'loading', // 加载状态
				},
				tipShow: false ,// 是否显示顶部提示框
				list:[]
			};
		},
		onLoad() {
			this.loadData()
		},
		methods: {
			load(data, ended) {
				if (ended) {
					this.formData.status = 'noMore'
				}
			},
			toPage(pageurl){
				console.log("hekko")
				uni.navigateTo({
					url:pageurl
				})
			},
			loadData(){
				uni.showLoading({
					title:"加载数据中..."
				})
				http.get("/api/company/list").then(res=>{
				 uni.hideLoading() 
				 for(var i=0;i<res.result.records.length;i++){
					 if(res.result.records[i].logo)
					 res.result.records[i].logo=getApp().globalData.imgUrl+res.result.records[i].logo
					 else
					 res.result.records[i].logo="/static/images/nopic.png"
				 }
				 this.list=res.result.records
				 console.log(res)
			 })
			}
			
			
		},
		/**
		 * 下拉刷新回调函数
		 */
		onPullDownRefresh() {
			this.formData.status = 'more'
			this.$refs.udb.loadData({
				clear: true
			}, () => {
				this.tipShow = true
				clearTimeout(this.timer)
				this.timer = setTimeout(()=>{
					this.tipShow  = false
				},1000)
				uni.stopPullDownRefresh()
			})
		},
		/**
		 * 上拉加载回调函数
		 */
		onReachBottom() {
			this.$refs.udb.loadMore()
		}
	};
</script>

<style lang="scss" scoped>
	@import '@/common/uni-ui.scss';

	page {
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		background-color: #efeff4;
		min-height: 100%;
		height: auto;
	}

	.tips {
		color: #67c23a;
		font-size: 14px;
		line-height: 40px;
		text-align: center;
		background-color: #f0f9eb;
		height: 0;
		opacity: 0;
		transform: translateY(-100%);
		transition: all 0.3s;
	}

	.tips-ani {
		transform: translateY(0);
		height: 40px;
		opacity: 1;
	}

	.content {
		width: 100%;
		display: flex;
	}

	.list-picture {
		width: 100%;
		height: 145px;
	}

	.thumb-image {
		width: 100%;
		height: 100%;
	}

	.ellipsis {
		display: flex;
		overflow: hidden;
	}

	.uni-ellipsis-1 {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.uni-ellipsis-2 {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
</style>
